// 获取所有的标签和标签内容
const tabs = document.querySelectorAll('.tab');
const tabPanes = document.querySelectorAll('.tab-pane');

// 为每个标签添加点击事件监听器
tabs.forEach(tab => {
    tab.addEventListener('click', () => {
        // 移除所有标签的激活状态
        tabs.forEach(t => t.classList.remove('active'));
        // 移除所有标签内容的激活状态
        tabPanes.forEach(pane => pane.classList.remove('active'));

        // 添加当前点击标签的激活状态
        tab.classList.add('active');
        // 获取当前点击标签对应的目标内容
        const target = tab.dataset.target;
        // 为对应的标签内容添加激活状态
        document.getElementById(target).classList.add('active');
    });
});

// 获取表单元素
const userLoginForm = document.getElementById('user-login-form');
const adminLoginForm = document.getElementById('admin-login-form');
const registerForm = document.getElementById('register-form');

// 用户登录表单提交事件监听
userLoginForm.addEventListener('submit', function (e) {
    const username = this.querySelector('input[name="username"]').value;
    const password = this.querySelector('input[name="password"]').value;
    if (username === '' || password === '') {
        alert('用户名和密码不能为空');
        e.preventDefault(); // 阻止表单提交
    }
});

// 管理员登录表单提交事件监听
adminLoginForm.addEventListener('submit', function (e) {
    const username = this.querySelector('input[name="username"]').value;
    const password = this.querySelector('input[name="password"]').value;
    if (username === '' || password === '') {
        alert('管理员用户名和密码不能为空');
        e.preventDefault(); // 阻止表单提交
    }
});

// 注册表单提交事件监听
registerForm.addEventListener('submit', function (e) {
    const username = this.querySelector('input[name="username"]').value;
    const password = this.querySelector('input[name="password"]').value;
    const email = this.querySelector('input[name="email"]').value;
    if (username === '' || password === '' || email === '') {
        alert('用户名、密码和邮箱不能为空');
        e.preventDefault(); // 阻止表单提交
    }
});